<template>
   <span :class="allStyle"><b :class="typeStyle">{{type}}</b>{{num}}</span>
</template>
<script>
    export default{
        name:'CLabelPoints',
        props:{
          pData:{
              type:[String,Number],
              default:''
          },
          pLabel:{
              type:Boolean,
              default:true
          },
        },
        data(){
            return{
                
            }
        },
         computed:{
            allStyle(){
              return this.pLabel?this.typeStyle:'';
            },
            typeStyle(){
              return this.type=='-'?'text-down':this.type=='+'?'text-up':"text-up";
            },
            num(){
              return this.pData.toString().replace(/[+-]/g,'');
            },
            type(){
               switch (this.pData.toString().split('')[0]){
                  case '-':return '-';
                  case '+':return '+';
                  default :return '';
               }
            }
         },
        components:{
        }
    }
</script>